<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="shrio" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
    <title>新增家族成员</title>
    <script src="${ctx}/static/js/jquery.validate.min.js"></script>
    <script src="${ctx}/static/js/messages_bs_zh.js"></script>
    <style type="text/css">

        .jcrop-holder #preview-pane {
            display: block;
            position: absolute;
            z-index: 2000;
            top: 10px;
            right: -280px;
            padding: 6px;
            border: 1px rgba(0, 0, 0, .4) solid;
            background-color: white;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;

            -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
        }

        #preview-pane .preview-container {
            width: 360px;
            height: 180px;
            overflow: hidden;
        }
    </style>

</head>
<body>

<div class="main-content-inner">
    <div align="center">
        <hr/>
        <h2 style="color: #8A3104">添加家族成员</h2>
        <hr/>
        <form id="inputForm" action="${ctx}/familytree/create" method="post" class="form-horizontal">
            <%--测试数据--%>
            <input type="hidden" name="gender" value="男"/>
            <input type="hidden" name="spouseid" value=""/>
            <input type="hidden" name="childid" value="1"/>
            <input type="hidden" name="familyid" value="1">

            姓:<input type="text" id="familyName" name="familyName" placeholder="请输入姓"/><br/>
            名:<input type="text" id="name" name="name" placeholder="请输入名"/><br/>
            手机号:<input type="text" id="mobile" name="mobile" placeholder="请输入手机号"/><br/>
            个人介绍:<input type="text" id="description" name="description" placeholder="如：大家好，我是..."/><br/>
            出生日期:<input type="text" id="borntime" name="borntime"/><br/>
            工作单位:<input type="text" id="company" name="company" placeholder="如：XXX公司"/><br/>
            教育程度:<input type="text" id="education" name="education" placeholder="如：本科 "/><br/>
            毕业院校:<input type="text" id="school" name="school" placeholder="如：XXX大学"/><br/>
            <input type="submit" value="  OK  "/>
            &nbsp; &nbsp; &nbsp;
            <button id="cancel_btn" class="btn" type="reset" onclick="history.back()">
                <i class="ace-icon fa fa-undo bigger-110"></i>返回
            </button>
        </form>
    </div><!-- /.span -->
</div><!-- /.page-content -->
</body>
</html>
